import { defineConfig,loadEnv} from 'vite'
import vue from '@vitejs/plugin-vue'
import path from 'path'
// import Icons from 'unplugin-icons/vite'
// import IconsResolver from 'unplugin-icons/resolver'
import AutoImport from 'unplugin-auto-import/vite'
import Components from 'unplugin-vue-components/vite'
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
// https://vite.dev/config/
console.log(path.resolve(__dirname,'./src'))
console.log(path.resolve(__dirname,'src'))
console.log(path.resolve(__dirname,"/src"))
export default defineConfig(({ mode }) =>{
  const env = loadEnv(mode, process.cwd(), '')
  return {
    plugins: [vue(),
      // 自动导入 Element Plus 相关函数，如：ElMessage, ElMessageBox... (带样式)
      // 参考官方配置https://github.com/sxzz/element-plus-best-practices/blob/db2dfc983ccda5570033a0ac608a1bd9d9a7f658/vite.config.ts#L21-L58
      AutoImport({
        resolvers: [ElementPlusResolver(),
           // 自动导入图标组件
          // IconsResolver({
          //   prefix:'Icon',
          // })
        ],
      }),
      Components({
        resolvers: [ElementPlusResolver() // 自动导入 Element Plus 组件
          ,// 自动注册图标组件
          // IconsResolver({
          //   enabledCollections: ['ep'],
          // }),
        ],
      }),
      // Icons({
      //   autoInstall: true,
      // }),
    ],
    resolve:{
      alias:{
        "@":path.resolve(__dirname,'src') // ./src 也可以，但是/src不行
      }
    },
    server:{
      host:'0.0.0.0', //将监听所有地址，包括局域网和公网地址。
      port:5173, //开发服务器编号
      open:true, //开发服务器启动时，自动在浏览器中打开应用程序
      proxy:{
          [env.VITE_APP_BASE_URL]:{
            target:'http://localhost:8080',
            changeOrigin:true,
            rewrite:path=>path.replace(new RegExp(`${env.VITE_APP_BASE_URL}`),'')
          }
      }
    }
  }
})
